<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html" %>

<f:subview id="account">
<h:panelGrid columns="1" styleClass="standard">
  <h:outputText value="Your Account Information" styleClass="title"/>
  <h:outputText value="Contact Information" styleClass="subTitle"/>
  <h:panelGrid columns="2" columnClasses="highLight,,">
    <h:outputText value="First Name"/>
    <h:outputText value="#{accountBean.account.firstName}"/>
    <h:outputText value="Last Name"/>
    <h:outputText value="#{accountBean.account.lastName}"/>
    <h:outputText value="Street Address"/>
    <h:outputText value="#{accountBean.account.address1}"/>
    <h:outputText value=""/>
    <h:outputText value="#{accountBean.account.address2}"/>
    <h:outputText value="City"/>
    <h:outputText value="#{accountBean.account.city}"/>
    <h:outputText value="State/Provice"/>
    <h:outputText value="#{accountBean.account.state}"/>
    <h:outputText value="Postal Code"/>
    <h:outputText value="#{accountBean.account.zip}"/>  
    <h:outputText value="Country"/>
    <h:outputText value="#{accountBean.account.country}"/>   
    <h:outputText value="Telephone Number"/>
    <h:outputText value="#{accountBean.account.phone}"/>  
    <h:outputText value="Email"/>
    <h:outputText value="#{accountBean.account.email}"/>  
  </h:panelGrid>
  <h:outputText value="Credit Card Information" styleClass="subTitle"/>
  <h:panelGrid columns="2" columnClasses="highLight,,">
    <h:outputText value="Card Type"/>
    <h:outputText value="#{accountBean.account.cardType}"/>
    <h:outputText value="Card Number"/>
    <h:outputText value="#{accountBean.account.creditCard}"/>
    <h:outputText value="Card Expiry Date"/>
    <h:outputText value="#{accountBean.account.expiryDate}"/>
  </h:panelGrid>
  <h:outputText value="Profile Information" styleClass="subTitle"/>
  <h:panelGrid columns="2">
    <h:outputText value=""/>
    <h:panelGroup>
      <h:outputText value="I want iShopPlace to be in "/>
      <h:outputText value="#{accountBean.account.languagePreference}" style="color:green"/>
    </h:panelGroup>
    <h:outputText value=""/>
    <h:panelGroup>
      <h:outputText value="My favorite category is "/>
      <h:outputText value="#{accountBean.account.favoriteCategoryId}" style="color:green"/>
    </h:panelGroup>
    <h:panelGroup>
    	<h:outputText value="Yes" style="color:green" rendered="#{accountBean.account.listOption}"/>
    	<h:outputText value="No" style="color:red" rendered="#{!accountBean.account.listOption}"/>
    </h:panelGroup>
    <h:outputText value="I want to enable the MyList feature. My List makes your favorite items and categories more prominent as you shop."/>
    <h:panelGroup>
    	<h:outputText value="Yes" style="color:green" rendered="#{accountBean.account.bannerOption}"/>
    	<h:outputText value="No" style="color:red" rendered="#{!accountBean.account.bannerOption}"/>
    </h:panelGroup>  
    <h:outputText value="I want to enable the Pet Tips banners. iShopPlace will display pet tips as you shop, which are based on your favorite items and categories."/>  
  </h:panelGrid>
  <h:outputLink  value="editAccount.jsf">
    <f:verbatim>Edit Your Account Information</f:verbatim>
  </h:outputLink>
</h:panelGrid>
</f:subview>